<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>瓜子</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="./瓜子.css" />
  </head>
  <body>
    <div id="page">
      <!-- 这是头部 -->
      <header>
        <div class="h1">
          <section class="s1">
            <img src="../day10/补考的机试题/PC端/images/4.png" alt="" />
            <span class="place">北京 ▼</span>
          </section>
          <ul class="s2">
            <li>首页</li>
            <li>我要买车</li>
            <li>我要卖车</li>
            <li>瓜子金融</li>
            <li>毛豆新车</li>
          </ul>
          <section class="s3">热线电话 400-697-9070</section>
        </div>
        <div class="h2">
          <img
            src="../day10/补考的机试题/PC端/images/2.png"
            alt=""
            class="p1"
          />
          <div>
            <section>
              <input type="text" placeholder="请输入关键字，例如：君越 2.4L" />
              <div class="b">搜索</div>
            </section>
            <img
              src="../day10/补考的机试题/PC端/images/3.png"
              alt=""
              class="p2"
            />
          </div>
        </div>
        <div class="h3">
          <section class="s1">
            <span class="bc">我要买车<span class="sanjiao">▶</span></span>
            <ul>
              <li><img src="../day10/img/dz.jpeg" alt="" /> 大众</li>
              <li><img src="../day10/img/bt.jpg" alt="" /> 本田</li>
              <li><img src="../day10/img/bm.jpg" alt="" /> 宝马</li>
              <li><img src="../day10/img/ft.webp" alt="" /> 丰田</li>
              <li><img src="../day10/img/bc.webp" alt="" /> 奔驰</li>
              <li><img src="../day10/img/ad.webp" alt="" /> 奥迪</li>
              <li><img src="../day10/img/bk.jpeg" alt="" /> 别克</li>
            </ul>
            <span class="all">全部品牌<span>＞</span></span>
            <ul class="style">
              <li>4万以下</li>
              <li>4-8万</li>
              <li>8-15万</li>
              <li>15-25万</li>
              <li>更多</li>
              <li>入门练手</li>
              <li>自驾SUV</li>
              <li>商务7座</li>
              <li>商务7座</li>
              <li>商务7座</li>
            </ul>
          </section>
          <section class="s2">
            <div class="head">
              <span class="sc">我要卖车<span class="sanjiao">▶</span></span>
              <span>瓜子保卖，当天拿钱，全程服务</span>
            </div>

            <div class="in">
              <input type="text" placeholder="请输入您的手机号码" />
              <div class="pres">预约卖车</div>
            </div>

            <div class="sure">
              <img
                src="../day10/img/确认框-未选.png"
                alt=""
              />我已阅读并同意<span>《用户使用协议》</span>及<span
                >《隐私权协议》</span
              >
            </div>

            <div class="buttom">爱车估价</div>
          </section>
        </div>
      </header>

      <!-- 这是main -->
      <main>
        <div class="head">热卖车型</div>
        <ul>
          <li>必看好车</li>
          <li>必看好车</li>
          <li>必看好车</li>
          <li>必看好车</li>
          <li>必看好车</li>
          <li>必看好车</li>
          <li>必看好车</li>
        </ul>

        <div class="car">
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
          <section>
            <img src="../day9/img/3.png" alt="" />
            <span class="w1">零跑汽车 零跑T03 2020款 400豪华款 零跑T03</span>
            <span class="w2">2021年 | 1.5公里</span>
            <span class="w3"><span> 7.57万 </span>首付0.76万</span>
          </section>
        </div>
        <div class="more">
          更多必看好车 <img src="../day10/img/按钮-箭头向右_o.png" alt="" />
        </div>
      </main>

      <!-- 这是aside -->
      <aside>
        <div class="head">毛豆新车</div>
        <section>
          <img src="../day10/补考的机试题/PC端/images/li.png" alt="" />
          <img src="../day10/补考的机试题/PC端/images/li.png" alt="" />

          <div class="tu">
            <img src="../day10/补考的机试题/PC端/images/hen.png" alt="" />
            <img src="../day10/补考的机试题/PC端/images/hen.png" alt="" />
          </div>
          <div class="dong"></div>
        </section>
      </aside>

      <footer>
        <section class="s1">
          <span>让每个家庭都拥有<span>更好的车</span></span>
          <span>免费咨询电话：400-697-9070</span>
        </section>
        <section class="s2">
          <div class="d1">我要买车</div>
          <div class="d2">我要卖车</div>
        </section>
      </footer>
    </div>
  </body>
</html>
